import { Outlet } from 'react-router-dom'
import { Button } from 'antd'
import { QuestionCircleOutlined } from "@ant-design/icons"
import { useNavigate } from 'react-router-dom'
import { useSelector } from 'react-redux'
import styles from '@/App.module.scss'

function App() {
  const navigate = useNavigate()
  const Appstore = useSelector((state: any) => state.Appstore)
  return (
    <>
      <div>
        主页{Appstore.count}
        <span className={styles.test}>132</span>
        <QuestionCircleOutlined />
        <Button type='primary' onClick={() => navigate('/about')}>去about</Button>
        <Button type='primary' onClick={() => navigate('/test')}>去test</Button>
        <Outlet></Outlet>
      </div>

    </>
  )
}

export default App
